<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
<title>Careerx-CET4&6</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
   <div class="cetPanel" style="display:none">
       <img src="images/template.jpg">
       <div id="youName" style="top:97px" class="basicInfo">于宁波</div>
       <div id="schoole" style="top:129px" class="basicInfo">长春工业大学</div>
       <div id="cetType" style="top:161px" class="basicInfo">英语四级</div>
       <div id="totalScore" style="top:242px;font-weight:bold" class="scoreStyle">445</div>
       <div id="tlScore" style="top:273px" class="scoreStyle">200</div>
       <div id="ydScore" style="top:302px" class="scoreStyle">200</div>
       <div id="xzScore" style="top:333px" class="scoreStyle">45</div>
   </div>
   <div class="collectInfo">
       <div class="infoTitle">要生成成绩单<br>请先填写以下信息</div>
       <table class="collectInfoTable">
           <tr>
               <td>
                   <input type="text" id="youNameInput" placeholder="请输入你的姓名">
               </td>
           </tr>
           <tr>
               <td><input type="text" id="schooleInput" placeholder="请输入你的学校"></td>
           </tr>
           <tr>
               <td>
                   <select id="cetTypeInput">
                       <option value="英语四级" selected>英语四级</option>
                       <option value="英语六级">英语六级</option>
                   </select>
               </td>
           </tr>
           <tr>
               <td><input type="number" id="totalScroreInput"  placeholder="请输入你想给自己打的分数"></td>
           </tr>
           <tr>
               <td colspan="2" style="text-align:center">
                  <br>
                   <input id="createImgBtn" type="button" value="生成成绩单">
                   <br>
                   <br>
                   <a href="index.html">点这里分享给更朋友</a>
               </td>
           </tr>
       </table>
   </div>
   <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
   <script type="text/javascript" src="js/html2canvas.js"></script>
   <script type="text/javascript" src="js/createImg.js"></script>
</body>
</html>